<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>gabby的化学tips</title>
    <link rel="stylesheet" id="linkid">
</head>
<body>
    <div class="rich_media_area_primary_inner">

<div class="topbox">
  <div>
    <img src="./img/tx.png" class="tximg" id="imgtx"/>
    <span class="namebox">gabby的化学tips</span>
  </div>  
    <div class="tipbox">介绍生活中的化学小知识。Chemistry is super fun!</div>
    <div class="tipbox"> 9篇原创内容</div>
  <div class="gbox">
<span class="guanzhubix" id="container">关注</span>
   <div id="popup" style="display: none;">
         <!--  <img src="./img/ewm.png" class="exmboximg" id="imgewm"/>
        <div class="rigbox">
            <div class="namebox">gabby的化学tips</div>
            <div class="tipbox">介绍生活中的化学小知识。Chemistry is super fun!</div>
            <div class="tipbox"> 9篇原创内容</div>
        </div> -->
        <div>
            <img src="./img/ewm.png" class="exmboximg" id="imgewm"/>
        </div>
        <div class="saosao">
            <div>微信扫一扫</div>
            <div>关注该公众号</div>
        </div>
      </div>
  </div> 
</div>




        <a id="jumpBox1" class="wx_Box" href="./list/夏天来了，防蚊还会远吗？Summer is coming, are mosquitoes far away_.html">
            <div class="wx_Box_p1">2024年7月24日</div>
             <div class="wx_Box_p_div divBox">
                夏天来了，防蚊还会远吗？<br/>Summer is coming, are mosquitoes far away?
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读2380 </span>
                <span class="wx_Box_p2">赞237 </span>
            </div>
            <img class="wx_img" src="./img/1.png" id="img1">
        </a>

        <a id="jumpBox2" class="wx_Box" href="./list/游泳池里的秘密武器Secret Weapons In Swimming Pools.html">
            <div class="wx_Box_p1">2024年6月24日</div>
             <div class="wx_Box_p_div divBox">
                游泳池里的秘密武器<br/>Secret Weapons In Swimming Pools
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读2422 </span>
                <span class="wx_Box_p2">赞238 </span>
            </div>
            <img class="wx_img" src="./img/2.png" id="img2">
        </a>

        <a id="jumpBox3" class="wx_Box" href="./list/夏天来了，防晒还会远吗？.html">
            <div class="wx_Box_p1">2024年6月11日</div>
             <div class="wx_Box_p_div divBox">
                夏天来了，防晒还会远吗？
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读2329 </span>
                <span class="wx_Box_p2">赞276 </span>
            </div>
            <img class="wx_img" src="./img/3.png" id="img3">66666
        </a>

        <a id="jumpBox4" class="wx_Box" href="./list/化学与食品安全：守护餐桌上的科学防线Chemistry and food safety_ scientific defense.html">
            <div class="wx_Box_p1">2024年5月12日</div>
             <div class="wx_Box_p_div divBox">
                化学与食品安全：守护餐桌上的科学防线<br/>Chemistry and food safety_ scientific defense
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读2344 </span>
                <span class="wx_Box_p2">赞230 </span>
            </div>
            <img class="wx_img" src="./img/4.png" id="img4">
        </a>
 <a id="jumpBox5" class="wx_Box" href="./list/这些化学男神，你知道几个？Let's take stock of these chemical gods..html">
            <div class="wx_Box_p1">2024年3月27日</div>
             <div class="wx_Box_p_div divBox">
                这些化学男神，你知道几个？<br/>Let's take stock of these chemical gods.
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读2521 </span>
                <span class="wx_Box_p2">赞280 </span>
            </div>
            <img class="wx_img" src="./img/5.png" id="img5">
        </a>


        <a id="jumpBox6" class="wx_Box" href="./list/绚烂烟花背后的神奇(The magic behind the fireworks).html">
            <div class="wx_Box_p1">2024年2月9日</div>
             <div class="wx_Box_p_div divBox">
                绚烂烟花背后的神奇<br/>(The magic behind the fireworks)
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读2580 </span>
                <span class="wx_Box_p2">赞305 </span>
            </div>
            <img class="wx_img" src="./img/6.png" id="img6">
        </a>


        <a id="jumpBox7" class="wx_Box" href="./list/眼影：彩妆界的化学魔法 Eyeshadow_ Chemical magic of makeup.html">
            <div class="wx_Box_p1">2024年2月1日</div>
             <div class="wx_Box_p_div divBox">
                眼影：彩妆界的化学魔法 <br/>Eyeshadow_ Chemical magic of makeup
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读2855 </span>
                <span class="wx_Box_p2">赞262 </span>
            </div>
            <img class="wx_img" src="./img/7.png" id="img7">
        </a>

        <a id="jumpBox8" class="wx_Box" href="./list/今天你微塑料了吗.html">
            <div class="wx_Box_p1">2024年1月4日</div>
             <div class="wx_Box_p_div divBox">
                今天你微塑料了吗
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读2855 </span>
                <span class="wx_Box_p2">赞262 </span>
            </div>
            <img class="wx_img" src="./img/8.png" id="img8">
        </a>

        <a id="jumpBox9" class="wx_Box" href="./list/闻到点化学：气味中的神奇化学 SMELL in fascinating chemistry.html">
            <div class="wx_Box_p1">2023年11月8日</div>
             <div class="wx_Box_p_div divBox">
                闻到点化学：气味中的神奇化学<br/> SMELL in fascinating chemistry
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读3131 </span>
                <span class="wx_Box_p2">赞388 </span>
            </div>
            <img class="wx_img" src="./img/9.png" id="img9">
        </a>

        <a id="jumpBox10" class="wx_Box" href="./list/当运动遇上化学.html" >
            <div class="wx_Box_p1">2023年10月16日</div>
             <div class="wx_Box_p_div divBox">
                当运动遇上化学
            </div>
            <div class="wx_Box_p_div">
                <span class="wx_Box_p2">阅读2592 </span>
                <span class="wx_Box_p2">赞201 </span>
            </div>
            <img class="wx_img" src="./img/10.png" id="img10">
        </a>
    </div>
    <script>
    let windowurl =window.location.href;
    //let windowurl ="https://dmp.beijing-hyundai.com.cn/!/article";
    let url=windowurl.split('article')[0]+'article'
    if(windowurl.includes('dmp.beijing-hyundai.com.cn/'))
    {
        url=windowurl.split('article')[0]+'article'
    }else{
        url=windowurl.split('index.html')[0] 
    }
    console.log(url,'url==')
    
    document.getElementById('linkid').href = url+'/index.css'

    document.getElementById('imgtx').src = url+'/img/tx.png'
    document.getElementById('imgewm').src = url+'/img/ewm.png'
    document.getElementById('img1').src = url+'/img/1.png'
    document.getElementById('img2').src = url+'/img/2.png'
    document.getElementById('img3').src = url+'/img/3.png'
    document.getElementById('img4').src = url+'/img/4.png'
    document.getElementById('img5').src = url+'/img/5.png'
    document.getElementById('img6').src = url+'/img/6.png'
    document.getElementById('img7').src = url+'/img/7.png'
    document.getElementById('img8').src = url+'/img/8.png'
    document.getElementById('img9').src = url+'/img/9.png'
    document.getElementById('img10').src = url+'/img/10.png'

  document.getElementById('jumpBox1').href = url+'/list/1.html'
  document.getElementById('jumpBox2').href = url+'/list/2.html'
  document.getElementById('jumpBox3').href = url+'/list/3.html'
  document.getElementById('jumpBox4').href = url+'/list/4.html'
  document.getElementById('jumpBox5').href = url+'/list/5.html'
  document.getElementById('jumpBox6').href = url+'/list/6.html'
  document.getElementById('jumpBox7').href = url+'/list/7.html'
  document.getElementById('jumpBox8').href = url+'/list/8.html'
  document.getElementById('jumpBox9').href = url+'/list/9.html'
  document.getElementById('jumpBox10').href = url+'/list/10.html'


    


 const container = document.getElementById('container');
const popup = document.getElementById('popup');
 
container.addEventListener('mouseenter', function() {
  popup.style.display = 'block';
});
 
container.addEventListener('mouseleave', function() {
  popup.style.display = 'none';
});
    </script>
</body>
</html>